iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 1
1
自我挑戰組

hexo-從初學到入門系列 第 1

建立一個hexo環境-day1

  • 分享至 

  • xImage
  •  

緣由: 在最近受到六角學院志誠老師和洧杰老師的激勵,同時為了增加自己對於學習前端新技能的掌握度和學習效率,所以挑選hexo這個相較其他前端技能比較好上手,且能夠幫助自己撰寫blog上有幫助的套件來學習,並挑戰自己養成持之以恆學習新技術的習慣。

開發環境

筆者利用windows8.1和vscode編輯器來開發

此過程可以搭配hexo官網文件使用
https://hexo.io/zh-tw/docs/

  • 第一步先安裝node和git

安裝node https://nodejs.org/en/
安裝git https://git-scm.com/

安裝完後可以在命令提示字元輸入以下命令,檢查是否安裝成功

node -v 檢查node版本
npm -v 檢查npm版本

  • 開始安裝hexo

確認node和git安裝成功,接下來就可以開始hexo專案了

因為習慣關係,這邊之後筆者都會改用vscode的終端機來建置
以下的程式碼皆須在終端機中輸入

使用npm指令安裝hexo

npm install -g hexo-cli
-g為全域安裝的意思

建立一個hexo專案
$ hexo init <folder>

移到hexo專案
$ cd <folder>

安裝npm套件

$npm install
套件會安裝到node_modules資料夾

  • 這樣我們的專案就建置完成
    建置完成會出現以下的資料夾

參考資料:
GitHub+Hexo 搭建個人網站詳細教程
hexo官網
使用 Hexo + github 建立Blog


下一篇
測試hexo環境-day2
系列文
hexo-從初學到入門2
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言